/* 学习目标：useEffect的基本使用  */

// 1. 导入useEffect
import { useEffect, useState } from 'react';

export default function App() {
  const [count, setCount] = useState(0);

  // 2. 调用useEffect(会自动执行的回调函数)
  useEffect(() => {
    // 会在数据变化时，自动执行
    // 回调函数内，获取到更新后的数据
    console.log('我会在数据变化时,自动执行  ----->  ', count);
    document.title = count;
  });

  return (
    <div>
      <h1>{count}</h1>
      App
      <button onClick={() => setCount(count + 1)}>++</button>
    </div>
  );
}
